<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
	
	<div id="fe-wrap-main">
		<div class="fe-left-wrap">
			<div class="fe-img-wrap">
				<img class="banner" src="http://10.122.32.101:8090/WeatherForecast/WRF/2017/08/03/d1/srf/srf-001.gif" alt="">
				<span class="fe-btn-left"></span>
				<span class="fe-btn-right"></span>
				<button class="fe-wrap-btn"></button>
				<div class="fe-play-wrap">
					<div class="fe-play-left" data-code="true"></div>
					<div class="fe-play-right">
						<p data-code="200">
							<b>0.2S</b>
							<i></i>
						</p>
						<p data-code="500">
							<b>0.5S</b>
							<i></i>
						</p>
						<p data-code="1000">
							<b>1S</b>
							<i></i>
						</p>
						<p data-code="1500">
							<b>1.5S</b>
							<i></i>
						</p>
						<p data-code="2000">
							<b>2S</b>
							<i></i>
						</p>
					</div>
				</div>
			</div>
		</div>
		<div class="fe-right-wrap">
			<div class="fe-table-wrap">
				<h1>WRF</h1>
				<p>
					<span>起报时间</span>
					<input type="text">
				</p>
				<p>
					<span>区域</span>
					<select>
						<option>全国</option>
						<option>河北</option>
						<option>石家庄</option>
					</select>	
				</p>
				<p>
					<span>气压</span>
					<select>
						<option>1001</option>
						<option>850</option>
						<option>700</option>
						<option>500</option>
					</select>	
				</p>
				<p>
					<span>类型</span>
					<select>
						<option>静态图</option>
						<option>动态图</option>
					</select>
				</p>
				<p>
					<button class="fe-search">查询</button>
				</p>

				<div class="fe-list-wrap">
					<ul>
						<li data-code="001">2017-08-01 20:00</li> 
						<li data-code="002">2017-08-01 21:00</li> 
						<li data-code="003">2017-08-01 22:00</li> 
						<li data-code="004">2017-08-01 23:00</li> 
						<li data-code="005">2017-08-02 00:00</li> 
						<li data-code="006">2017-08-02 01:00</li> 
						<li data-code="007">2017-08-02 02:00</li> 
						<li data-code="008">2017-08-02 03:00</li> 
						<li data-code="009">2017-08-02 04:00</li> 
						<li data-code="010">2017-08-02 05:00</li> 
						<li data-code="011">2017-08-02 06:00</li> 
						<li data-code="012">2017-08-02 07:00</li> 
						<li data-code="013">2017-08-02 08:00</li> 
						<li data-code="014">2017-08-02 09:00</li> 
						<li data-code="015">2017-08-02 10:00</li> 
						<li data-code="016">2017-08-02 11:00</li> 
						<li data-code="017">2017-08-02 12:00</li> 
						<li data-code="018">2017-08-02 13:00</li> 
						<li data-code="019">2017-08-02 14:00</li> 
						<li data-code="020">2017-08-02 15:00</li> 
						<li data-code="021">2017-08-02 16:00</li> 
						<li data-code="022">2017-08-02 17:00</li> 
						<li data-code="023">2017-08-02 18:00</li> 
						<li data-code="024">2017-08-02 19:00</li> 
						<li data-code="025">2017-08-02 20:00</li> 
						<li data-code="026">2017-08-02 21:00</li> 
						<li data-code="027">2017-08-02 22:00</li> 
						<li data-code="028">2017-08-02 23:00</li> 
						<li data-code="029">2017-08-03 00:00</li> 
						<li data-code="030">2017-08-03 01:00</li> 
						<li data-code="031">2017-08-03 02:00</li> 
						<li data-code="032">2017-08-03 03:00</li> 
						<li data-code="033">2017-08-03 04:00</li> 
						<li data-code="034">2017-08-03 05:00</li> 
						<li data-code="035">2017-08-03 06:00</li> 
						<li data-code="036">2017-08-03 07:00</li> 
						<li data-code="037">2017-08-03 08:00</li> 
						<li data-code="038">2017-08-03 09:00</li> 
						<li data-code="039">2017-08-03 10:00</li> 
						<li data-code="040">2017-08-03 11:00</li> 
						<li data-code="041">2017-08-03 12:00</li> 
						<li data-code="042">2017-08-03 13:00</li> 
						<li data-code="043">2017-08-03 14:00</li> 
						<li data-code="044">2017-08-03 15:00</li> 
						<li data-code="045">2017-08-03 16:00</li> 
						<li data-code="046">2017-08-03 17:00</li> 
						<li data-code="047">2017-08-03 18:00</li> 
						<li data-code="048">2017-08-03 19:00</li> 
						<li data-code="049">2017-08-03 20:00</li> 
						<li data-code="050">2017-08-03 21:00</li> 
						<li data-code="051">2017-08-03 22:00</li> 
						<li data-code="052">2017-08-03 23:00</li> 
						<li data-code="053">2017-08-04 00:00</li> 
						<li data-code="054">2017-08-04 01:00</li> 
						<li data-code="055">2017-08-04 02:00</li> 
						<li data-code="056">2017-08-04 03:00</li> 
						<li data-code="057">2017-08-04 04:00</li> 
						<li data-code="058">2017-08-04 05:00</li> 
						<li data-code="059">2017-08-04 06:00</li> 
						<li data-code="060">2017-08-04 07:00</li> 
						<li data-code="061">2017-08-04 08:00</li> 
						<li data-code="062">2017-08-04 09:00</li> 
						<li data-code="063">2017-08-04 10:00</li> 
						<li data-code="064">2017-08-04 11:00</li> 
						<li data-code="065">2017-08-04 12:00</li> 
						<li data-code="066">2017-08-04 13:00</li> 
						<li data-code="067">2017-08-04 14:00</li> 
						<li data-code="068">2017-08-04 15:00</li> 
						<li data-code="069">2017-08-04 16:00</li> 
						<li data-code="070">2017-08-04 17:00</li> 
						<li data-code="071">2017-08-04 18:00</li> 
						<li data-code="072">2017-08-04 19:00</li> 
						<li data-code="073">2017-08-04 20:00</li> 
						<li data-code="074">2017-08-04 21:00</li> 
						<li data-code="075">2017-08-04 22:00</li> 
						<li data-code="076">2017-08-04 23:00</li> 
						<li data-code="077">2017-08-05 00:00</li> 
						<li data-code="078">2017-08-05 01:00</li> 
						<li data-code="079">2017-08-05 02:00</li> 
						<li data-code="080">2017-08-05 03:00</li> 
						<li data-code="081">2017-08-05 04:00</li> 
						<li data-code="082">2017-08-05 05:00</li> 
						<li data-code="083">2017-08-05 06:00</li> 
						<li data-code="084">2017-08-05 07:00</li> 
						<li data-code="085">2017-08-05 08:00</li> 
						<li data-code="086">2017-08-05 09:00</li> 
						<li data-code="087">2017-08-05 10:00</li> 
						<li data-code="088">2017-08-05 11:00</li> 
						<li data-code="089">2017-08-05 12:00</li> 
						<li data-code="090">2017-08-05 13:00</li> 
						<li data-code="091">2017-08-05 14:00</li> 
						<li data-code="092">2017-08-05 15:00</li> 
						<li data-code="093">2017-08-05 16:00</li> 
						<li data-code="094">2017-08-05 17:00</li> 
						<li data-code="095">2017-08-05 18:00</li> 
						<li data-code="096">2017-08-05 19:00</li> 
						<li data-code="097">2017-08-05 20:00</li> 
						<li data-code="098">2017-08-05 21:00</li> 
						<li data-code="099">2017-08-05 22:00</li> 
						<li data-code="100">2017-08-05 23:00</li> 
						<li data-code="101">2017-08-05 00:00</li> 
						<li data-code="102">2017-08-05 01:00</li> 
						<li data-code="103">2017-08-05 02:00</li> 
						<li data-code="104">2017-08-05 03:00</li> 
						<li data-code="105">2017-08-05 04:00</li> 
						<li data-code="106">2017-08-05 05:00</li> 
						<li data-code="107">2017-08-05 06:00</li> 
						<li data-code="108">2017-08-05 07:00</li> 
						<li data-code="109">2017-08-05 08:00</li> 
						<li data-code="110">2017-08-05 09:00</li> 
						<li data-code="111">2017-08-05 10:00</li> 
						<li data-code="112">2017-08-05 11:00</li> 
						<li data-code="113">2017-08-05 12:00</li> 
						<li data-code="114">2017-08-05 13:00</li> 
						<li data-code="115">2017-08-05 14:00</li> 
						<li data-code="116">2017-08-05 15:00</li> 
						<li data-code="117">2017-08-05 16:00</li> 
						<li data-code="118">2017-08-05 17:00</li> 
						<li data-code="119">2017-08-05 18:00</li> 
						<li data-code="120">2017-08-05 19:00</li> 
					</ul>
				</div>
			</div>
		</div>
	</div>

<script src="./js/jquery-3.2.1.js"></script>
<script src="./js/jquery.mousewheel.min.js"></script>
<script src="./js/script.js"></script>
</body>
</html>